<!--
  ~ Electronic Logistics Management Information System (eLMIS) is a supply chain management system for health commodities in a developing country setting.
  ~
  ~ Copyright (C) 2015  John Snow, Inc (JSI). This program was produced for the U.S. Agency for International Development (USAID). It was prepared under the USAID | DELIVER PROJECT, Task Order 4.
  ~
  ~ This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
  ~
  ~ This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more details.
  ~
  ~ You should have received a copy of the GNU Affero General Public License along with this program.  If not, see <http://www.gnu.org/licenses/>.
  -->
<div xmlns="http://www.w3.org/1999/html" tab-scroll>
<h2>{{title}}</h2>

<div class="alert alert-success" id="saveSuccessMsgDiv" ng-bind="message" ng-show="message"/>

<!-- Add Product -->
<form ng-submit="createHelpContent()" id="createHelpContentForm" name="createHelpContentForm"
      novalidate select2-blur>

<div>
<h3>Help Content Information</h3>

<div class="row">

<fieldset class="span2">
<!-- help category -->
    <div class="form-cell">
        <label for="helpTopicId">Help Topic</label>

        <div class="form-field" style="width: 40%;">

            <select style="width:200px;" name="helpTopicId" id="helpTopicId" ng-model="helpContent.helpTopic.id"
                    ng-options="option.id as option.name for option in helpTopicList" ng-required="true">

            </select>
           <span class="field-error"
                 ng-show="createHelpContentForm.id.$error.required && showError"
                 openlmis-message="missing.value">
            </span>
        </div>
    </div>
<!--<div class="form-cell">-->
    <!--<label for="id">Id<span-->
            <!--class="label-required"> *</span></label>-->

    <!--<div class="form-field" style="width: 40%;">-->

        <!--<input ng-model="helpContent.id" name="id" id="id" type="text"-->
               <!--maxlength="50"-->
               <!--ng-required="true"/>-->
        <!--<span class="field-error"-->
              <!--ng-show="createHelpContentForm.id.$error.required && showError"-->
              <!--openlmis-message="missing.value">-->
        <!--</span>-->
    <!--</div>-->
<!--</div>-->


<!--<div class="form-cell">-->
    <!--<label for="htmlContent">HTML Content<span-->
            <!--class="label-required"> *</span></label>-->

    <!--<div class="form-field" style="width: 40%;">-->
        <!--<input ng-model="helpContent.htmlContent" name="htmlContent" id="htmlContent" type="text"-->
               <!--ng-required="true"/>-->
        <!--<span class="field-error"-->
              <!--ng-show="createHelpContentForm.htmlContent.$error.required && showError"-->
              <!--openlmis-message="missing.value">-->
        <!--</span>-->
    <!--</div>-->
<!--</div>-->
    <!--help image-->
    <div class="form-cell">
        <label for="name">Name<span
                class="label-required"> *</span></label>

        <div class="form-field" style="width: 40%;">
            <input ng-model="helpContent.name" name="name" id="name" type="text"
                   ng-required="true"/>
        <span class="field-error"
              ng-show="createHelpContentForm.name.$error.required && showError"
              openlmis-message="missing.value">
        </span>
        </div>
    </div>

<!--<div class="form-cell">-->
    <!--<label for="imageUrl">Image Url<span-->
            <!--class="label-required"> *</span></label>-->

    <!--<div class="form-field" style="width: 40%;">-->
        <!--<input ng-model="helpContent.imageLink" name="imageUrl" id="imageUrl" type="text"-->
               <!--maxlength="150"-->
               <!--ng-required="true"/>-->
        <!--<span class="field-error"-->
              <!--ng-show="createHelpContentForm.imageUrl.$error.required && showError"-->
              <!--openlmis-message="missing.value">-->
        <!--</span>-->
    <!--</div>-->

<!--</div>-->
    <div class="container app">
    <h3>Help Content</h3>
    <div text-angular="text-angular" name="htmlcontent" ng-model="helpContent.htmlContent" ta-disabled='disabled'></div>

</fieldset>

</div>




<div form-toolbar id="action_buttons" class="action-buttons">
    <div class="form-cell button-row">
        <input type="submit" class="btn btn-primary save-button" openlmis-message="button.save"/>
        <a ng-click="cancelAddNewProduct()" class="btn btn-cancel cancel-button"><span
                openlmis-message="button.cancel"></span></a>
    </div>
    <div class="toolbar-error" id="saveErrorMsgDiv" ng-show="showError || error">{{ errorMessage }}</div>
</div>

</div>
</form>

</div>




